<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--<link rel="stylesheet" href="../css/demo1.css" />-->
		<style>
			/*@import url('../css/demo1.css');*/
			*{
				font-size: 80px;
			}
			div{
				color: red;
				background-color: blue;
				font-size: 42px;
				width: 350px;
				height: 50px;
			}
			div a{
				color: red;
				background-color: blue;
			}
			span{
				background-color: blue;
				width: 350px;
				height: 50px;
			}
			.a{
				background-color: green;
			}
			.a:hover{
				color: pink;
			}
			/*ul li:first-child{
				color: yellow;
			}*/
			
			ul li:after{
				content: '|';
				color: red;
				font-size: 21px;
			}
		</style>
	</head>
	<body>
		
		<!--<div class="A">我是一个div
			<span>span1</span>
			<a href="">a</a>
		</div>
		
		<span class="a">我是一个span</span>-->
		
		
		<ul>
			<li>item</li>
			<li>item</li>
			<li>item</li>
			<li>item</li>
		</ul>
		
		
	</body>
</html>
